<template>
  <div>
    <el-carousel :height="height">
      <el-carousel-item 
          v-for="(url, index) in urls" :key="index" >
          <slot>
            <el-image :src="url" style="width: 100%; height:100%" fit="contain"/>
          </slot>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  data() {
    return {
      index: 0,
      el: undefined,
      mutex: undefined,
      size: 0,
      items: undefined,
      cur: undefined,
    };
  },
  methods: {},
  mounted() {},
  created() {},
  props: {
    urls: Array,
    height: {
      type: String,
      default: "500px"
    },
    time: {
      type: Number,
      default: 1000,
    },
  },
};
</script>


<style scoped>


</style>